<template>
	<z-nav-bar title="问诊详情" transparentTitle="auto" :isBlack="false"> </z-nav-bar>
	<view class="sv">
		<view class="item">
			<view class="flex_sbc">
				<view class="z-font-32 text-w">2023-3-9</view>
				<view class="z-font-24 uni-orange">未解答</view>
			</view>
			<view class="line-spacing uni-mt-30"></view>
			<view class="uni-mt-32 flex_fsc">
				<image :src="setting.oss_pub_domain + '/app-img/my/pc.png'" class="user-img"></image>
				<view>
					<view class="text-w">非洲小白脸</view>
					<view class="z-font-24 uni-color-grey uni-mt-16">杆数:71-102<text class="uni-mx-10">|</text> 球龄:10</view>
					<view class="uni-585C66 uni-mt-20">问题领域：1号木 开球</view>
					<view class="uni-585C66 uni-mt-8">问题标签：打不远 打不中</view>
				</view>
			</view>
		</view>
		<view class="item">
			<view class="flex_fs">
				<view class="dot"></view>
				<view>
					<view class="z-font-32">描述</view>
					<view class="uni-color-grey uni-mt-16">关于左曲球打不好的问题，为什么打不中球啊</view>
				</view>
			</view>
			<view class="flex_fs uni-mt-60">
				<view class="dot"></view>
				<view>
					<view class="z-font-32">描述</view>
					<view class="uni-color-grey uni-mt-16">关于左曲球打不好的问题，为什么打不中球啊</view>
				</view>
			</view>
		</view>
	</view>
	<uni-popup ref="answerInterrogation" type="bottom">
		<view class="answer-interrogation">
			<view class="title flex_sbc">
				<view class="uni-585C66">取消</view>
				<view class="z-font-32">解答问诊</view>
				<view class="uni-color-main">确认</view>
			</view>
			<!-- <scroll-view scroll-y style="max-height: 70vh;">
				<view class="content">
					<view class="z-font-32 text-w">回答描述</view>
					<textarea class="describe" placeholder="请输入"></textarea>
					
					<view class="flex_sbc">
						<view class="z-font-32 text-w">解决方案</view>
						<view class="button">选择方案</view>
					</view>
					<view class="plan-item">
						<view class="flex_sbc">
							<view class="z-font-32 u-line-1">方案名称方案名称方案名称方案名称方案名称方案名称方案名称方案名称方案名称方案名称方案名称方案名称</view>
							<image :src="setting.oss_pub_domain + '/app-img/icon/icon_delete.png'" class="icon-size"></image>
						</view>
						<view class="uni-mt-16">方案描述</view>
						<view class="z-font-24 uni-color-grey uni-mt-4">国家级运动员指导上肢综合训练，高尔夫技巧轻松掌握</view>
					</view>
					<view class="flex_sbc">
						<view class="z-font-32 text-w">学员可能存在的技术问题</view>
						<view class="button">选择标签</view>
					</view>
					<view class="flex_fsc flex_wrap uni-mt-32">
						<view class="tag-item flex_cc">
							<view class="uni-585C66 uni-mr-4">下肢问题</view>
							<image :src="setting.oss_pub_domain + '/app-img/icon/close-main-grey.png'" class="icon-size-32"></image>
						</view>
						
					</view>
				</view>
			</scroll-view> -->
			<view class="content">
				<search-box placeholder="搜索方案、标签、关键字"></search-box>
				<view class="z-font-32 uni-mt-32">智能匹配方案推荐</view>
				<view class="flex_fsc uni-mt-12">
					<view class="uni-color-grey">没有合适的方案</view>
					<view class="flex_fsc uni-ml-16">
						<view class="uni-color-main uni-mr-8">新建方案</view>
						<image :src="setting.oss_pub_domain + '/app-img/icon/icon-right-main.png'" class="icon-size-32"></image>
					</view>
				</view>
				<view class="plan-item" style="background: #F7FAF9;border: 2rpx solid #008965;">
					<view class="flex_fsc">
						<image :src="setting.oss_pub_domain + '/app-img/icon/icon-checkbox.png'" class="icon-size uni-mr-12"></image>
						<view class="z-font-32 u-line-1">方案名称方案名称方案名称方案名称方案名称方案名称方案名称方案名称方案名称方案名称方案名称方案名称</view>
					</view>
					<view class="uni-mt-16">方案描述</view>
					<view class="z-font-24 uni-color-grey uni-mt-4">国家级运动员指导上肢综合训练，高尔夫技巧轻松掌握</view>
				</view>
				<view class="plan-item">
					<view class="flex_fsc">
						<image :src="setting.oss_pub_domain + '/app-img/icon/icon-checkbox-no.png'" class="icon-size uni-mr-12"></image>
						<view class="z-font-32 u-line-1">方案名称方案名称方案名称方案名称方案名称方案名称方案名称方案名称方案名称方案名称方案名称方案名称</view>
					</view>
					<view class="uni-mt-16">方案描述</view>
					<view class="z-font-24 uni-color-grey uni-mt-4">国家级运动员指导上肢综合训练，高尔夫技巧轻松掌握</view>
				</view>
			</view>
		</view>
	</uni-popup>
	<bottom-box :buts="buts" @change="butsFun"></bottom-box>
</template>

<script setup>
import { onShow } from '@dcloudio/uni-app'
import { ref, reactive, getCurrentInstance, onMounted } from 'vue';
const { proxy: that } = getCurrentInstance()
const buts = [{
	label: '解答问诊',
	bgColor: 'uni-color-main-bg'
}]

function butsFun() {
	answerInterrogation.value.open()
}

const answerInterrogation = ref('')

</script>

<style lang="scss">
	page {
		background: linear-gradient(to bottom, $uni-text-color-main, $uni-text-color-main 424rpx, $uni-F5F5F5 424rpx, $uni-F5F5F5);
	}
</style>

<style lang="scss" scoped>
	@import 'one-to-one.scss'
</style>
